<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>

<body>
   <!--标题标签  -->
   <h1 align="right">以及标签</h1>
   <h2></h2>
   <h3></h3>
   <h4></h4>
   <h5></h5>
   <h6></h6>
   <!-- 段落标签  <br/> 换行标签 -->
   <p>交接的发掘哦<br />甲方交警覅就覅叫法叫覅就发 </p>
   <!-- 分割线 -->
   <hr color="green" width="300px" size="50px" align="right">
   <!-- 图片 -->
   <img src="1.webp" alt="小姐姐" width="200px" height="200px" title="在画上">
   <!-- 超链接 -->
   <a href="https://www.baidu.com"></a>
   <!-- 定义着重文字 -->
   <em>定义着重文字</em>
   <!-- 定义粗体文字 -->
   <b>定义粗体文字</b>
   <!-- 定义斜体字 -->
   <i>定义斜体字</i>
   <strong>定义加重语气</strong>
   <del>定义删除字</del>
   <span>元素没有特定的含义</span>
   <!-- 有序列表 -->
   <ol type="1">
      <li>苹果</li>
      <li>香蕉</li>

   </ol>
   <!-- 无序标签  disc 实心圆  circle 空心圆 square 小方块  none 不显示 -->
   <ul type="">
      <li>萝卜</li>
      <li>白菜</li>
      <li>黄瓜</li>
   </ul>
   <!-- 表格 -->
   <table border="1">
      <!-- 行 -->
      <tr>
         <!-- 列 -->
         <td>表格1</td>
         <td>表格2</td>
         <td>表格3</td>
      </tr>
      <!-- 合并单元格  水平合并 colspan  垂直合并rowspan -->
      <tr>
         <td colspan="2">表格4</td>
         <td>表格6</td>
      </tr>
      <tr>
         <td rowspan="2">表格7</td>
         <td>表格8</td>
         <td>表格9</td>
      </tr>
      <tr>

         <td>表格11</td>
         <td>表格12</td>
      </tr>
   </table>
   <!-- form表单  action:服务器地址   name:表单名称  method:数据提交表单方式 -->
   <form action="http://www.baidu.com" name="myForm" method="get">
      <!-- 表单元素 text:文本输入框  password:密码输入框  value:按钮内容显示 -->
      <input type="password">
      <input type="submit" value="登录2">

   </form>
   <!-- 块元素 -->
   <div></div>
   <form></form>
   <h1></h1>
   <hr>
   <p></p>
   <table></table>
   <ul></ul>
   <!-- 内联元素 -->
   <a></a>
   <b></b>
   <em></em>
   <i></i>
   <span></span>
   <strong></strong>
   <!-- 行内块级元素  不换行、能识别宽高 -->
   <button></button>
   <img>
   <input>
   <!-- HTML5新增标签 -->

   <header>头部</header>
   <nav>导航</nav>
   <!-- article 代表一个独立的、完整的相关的块，列如一篇完整的论坛帖子，一篇博客文章，一个用户评论 -->
   <article>
      <section>定义文档中的节、页眉、页脚</section>
   </article>
   <aside>侧边栏</aside>
   <footer>脚步</footer>


















</body>

</html>